<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath }"/>
<%--头部--%>

<script type="text/javascript" rel="script" src="${path}/js/jquery-3.6.4.js"></script>
<div class="dm-header-wrap">
    <div class="dm-header-box">
        <a href="home_page.jsp">
            <img class="i-logo" src="${path}/images/user_page_images/tool/logo.jpg" alt="智能购票">
        </a>
        <div class="location-header">
            <img class="i-icon-location" src="${path}/images/user_page_images/tool/address.png" alt="定位">
            <span class="city-location">长沙</span>
            <img class="i-arrow-location" src="${path}/images/user_page_images/tool/xia.png" alt="箭头">
            <div class="city-header-wrap">
                <div class="city-header">
                    <div class="now-city">
                        <span class="title-city">当前城市：</span>
                        <span class="name-city select-city">长沙</span>
                    </div>
                    <div class="hot-city">
                        <span class="title-city">热门城市：</span>
                        <div class="list-other">
                            <span class="name-city">全国</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">上海</span>
                            <span class="name-city">长沙</span>
                            <span class="name-city">成都</span>
                            <span class="name-city">中国香港</span>
                        </div>
                    </div>
                    <div class="other-city">
                        <span class="title-city">其他城市：</span>
                        <div class="list-other">
                            <span class="name-city">上海</span>
                            <span class="name-city">北京</span>
                            <span class="name-city">成都</span>
                            <span class="name-city">天津</span>
                            <span class="name-city">深圳</span>
                            <span class="name-city">苏州</span>
                            <span class="name-city">广州</span>
                            <span class="name-city">武汉</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="recommend-header">
            <a href="${path}/servlet/userHomePage/homePageAll?userId=1" class="type-recommend">首页</a>
            <a href="${path}/servlet/userSearch/searchAll" class="type-recommend">分类</a>
        </div>
        <div class="right-header">
            <div class="box-header user-header">
                <a href="#">
                    <img src="${path}/images/user_page_images/tool/user.png" class="i-box-header i-user">
                </a>
                <a class="J_userinfo_name">
                    <div class="span-box-header name-user"></div>
                </a>
                <div class="login-user show">
                    <span class="span-box-header span-user" onclick="jquery:window.location='userProfile.jsp'">登录</span>
                </div>
                <div class="list-wrap">
                    <div class="list-login">
                        <a href="#" class="li-login select">个人信息</a>
                        <a href="#" class="li-login">账号设置</a>
                        <a href="#" class="li-login">订单管理</a>
                        <a href="#" class="li-login out-login">退出登录</a>
                    </div>
                </div>
            </div>
            <div class="box-header download-header">
                <img src="${path}/images/user_page_images/tool/phone.png" class="i-box-header i-download">
                <span class="span-box-header">下载</span>
                <div class="ewm-download">
                    <img src="${path}/images/user_page_images/tool/code.png" class="i-ewm">
                </div>
            </div>
        </div>
        <c:set var="movieName" value="${sessionScope.movieName}"></c:set>
        <div class="search-header">
            <img src="${path}/images/user_page_images/tool/search.png" class="i-search" alt="搜索">
            <form action="${path}/servlet/userSearch/searchAll" method="post">
                <input class="input-search" name="activityName" type="text" placeholder="搜索明星、演出、体育赛事" value="${activityName}">
                <input type="submit" class="btn-search">搜索</input>
            </form>
            <%--<input class="input-search" type="text" placeholder="搜索明星、演出、体育赛事">
            <div class="btn-search">搜索</div>--%>
            <div class="list-search-wrap">
                <div class="list-search"></div>
            </div>
        </div>
    </div>
</div>

<script>
    //鼠标悬浮App下载显示扫码函数
    $(".span-box-header").on({
            "mouseover":function (){
                $(".ewm-download").show();
            },
            "mouseout":function (){
                $(".ewm-download").hide();
            }
        }
    );
</script>
